import React from "react";
import SideMenu from "../../components/sandbox/SideMenu";
import TopHeader from "../../components/sandbox/TopHeader";
// import Nprogress from "nprogress";
// import "nprogress/nprogress.css";
// css
import "./NewsSandBox.css";
// antd
import { Layout } from "antd";
import NewsRouter from "../../components/sandbox/NewsRouter";

const { Content } = Layout;

export default function NewsSandBox() {
  // useState(Nprogress.start());
  // useEffect(() => {
  //   Nprogress.done();
  //   return () => Nprogress.start();
  // });

  return (
    <Layout>
      <SideMenu></SideMenu>
      <Layout className="site-layout">
        <TopHeader></TopHeader>
        <Content
          className="site-layout-background"
          style={{
            background: "#eff1f4",
            overflow: "auto",
          }}
        >
          <div
            style={{
              margin: "24px 16px",
              padding: 24,
              minHeight: 280,
              background: "#fff",
            }}
          >
            <NewsRouter />
          </div>
        </Content>
      </Layout>
    </Layout>
  );
}
